// 响应式辅助函数
document.addEventListener('DOMContentLoaded', function() {
    // 为用户按钮添加点击事件监听器
    const userBtn = document.querySelector('.user-btn');
    if (userBtn && typeof toggleUserMenu === 'function') {
        userBtn.addEventListener('click', toggleUserMenu);
    }
    // 确保表格在小屏幕上可以滚动
    const tables = document.querySelectorAll('.table');
    tables.forEach(table => {
        if (!table.parentElement.classList.contains('table-responsive')) {
            const wrapper = document.createElement('div');
            wrapper.className = 'table-responsive';
            table.parentNode.insertBefore(wrapper, table);
            wrapper.appendChild(table);
        }
    });
    
    // 监听窗口大小变化
    window.addEventListener('resize', function() {
        adjustLayout();
    });
    
    // 初始布局调整
    adjustLayout();
    
    function adjustLayout() {
        const isMobile = window.innerWidth <= 768;
        const sidebar = document.querySelector('.sidebar');
        const menu = document.querySelector('.menu');
        const headerRight = document.querySelector('.header-right');
        
        if (isMobile) {
            // 移动设备上的额外布局调整
            if (sidebar && menu) {
                const menuItems = menu.querySelectorAll('.menu-item');
                menuItems.forEach(item => {
                    item.style.width = '45%';
                    item.style.margin = '5px';
                });
            }
            
            // 优化顶部按钮布局
            if (headerRight) {
                headerRight.style.display = 'flex';
                headerRight.style.flexWrap = 'wrap';
                headerRight.style.justifyContent = 'center';
            }
        }
    }
});